/**
 * Created by Olive on 2015/6/23.
 */
//当前在shadow中显示的图片下标
(function(root){

    var currentidx;

    function extract(i,node){
        $("#pic").attr({src:"photo/"+(i+1)+".jpg"});
        if(node.hasClass("pt")){
            $("#pic").removeClass("wi");
            $("#pic").addClass("hi");
        }else{
            $("#pic").removeClass("hi");
            $("#pic").addClass("wi");
        }
    }

    $(document).ready(function(){
        for(var i=1; i<=30;i++){
            $("body").append("<img src='photo/thumb/"+i+".jpg' />");
            $("img").not(".shadow img").on("load",function(){
                var node=$(this)
                var h=node.height();
                var w=node.width();
                console.log(h+":"+w);
                if(h > w){
                    node.addClass("pt");
                }else{
                    node.addClass("ls");
                }
            });
        }
        $("img").not(".shadow img").click(function(){
            var i=$("img").not(".shadow img").index(this);
            $(".shadow").show();
            extract(i,$(this));
            currentidx=i;
        });
        $("#close").click(function () {
            $(".shadow").hide();
        });
        $("#prev").click(function(){
            currentidx=(currentidx+29)%30;
            extract(currentidx, $("img").not(".shadow img").eq(currentidx));

        });
        $("#next").click(function(){
            currentidx=(currentidx+1)%30;
            extract(currentidx, $("img").not(".shadow img").eq(currentidx));
        });
    });
})(document);


